<script setup>
import { VideoPlay, Delete, EditPen, Upload, Document } from '@element-plus/icons-vue'

// 组件中使用，接收传参的
let propsData = defineProps({
  row: {
    type: Object,
    default: {}
  }
})
// 组件中使用，接收事件的
const emits = defineEmits(['operate1', 'operate2', 'operate3', 'operate4', 'operate5']);
</script>
<template>
  <el-button class="btn1" link type="primary" @click="emits('operate1')">
    View Video
    <template #icon>
      <img class="table_operate_icon" src="@/assets/image/icon/list_btn_details.png" alt="">
    </template>
  </el-button>  
  <el-button link type="primary" :icon="EditPen" @click="emits('operate2')">Edit</el-button> 
  <el-button link type="primary" :icon="Upload" @click="emits('operate3')">Upgrade</el-button> 
  <el-button link type="primary" :icon="Document" @click="emits('operate4')">Log</el-button> 
  <el-button class="btn2" link type="success" @click="emits('operate5')">
    <template #icon>
      <img style="width: 16px;height: 16px" src="@/assets/image/icon/list_ico_delete.png" alt="">
    </template>
    Delete  
  </el-button> 
</template>
<style lang="less" scoped>
.btn2{
  --el-button-text-color: #FB393C;
}
</style>